<template>
  <div class="studnet">
    <h2>学生姓名： {{ name }}</h2>
    <h2>学生性别: {{ sex }}</h2>
    <button @click="sendStudentName">把学生名字给App组件</button>
    <button @click="unbug">解绑bug事件</button>
  </div>
</template>

<script>
export default {
  name: "Student",
  data() {
    return {
      name: 'bugdr',
      sex:'男'
    };
  },
  methods:{
    sendStudentName() {
      // 触发student实例的bug事件
      this.$emit('bug',this.name)
    },
    unbug() {
      // 只适用于一个事件，解绑
      this.$off('bug')
    }
  }
};
</script>

<style lang="less" scoped>
  .studnet {
    background: rgb(228, 178, 178);
  }
</style>